﻿/*
* @Author: Marte
* @Date:   2017-07-24 17:25:12
* @Last Modified by:   Marte
* @Last Modified time: 2017-07-29 14:59:56
*/
@charset "utf-8";
/* CSS Document */
body ,html{padding: 0px;margin: 0px;font-family:Microsoft YaHei,SimSun,Arial, Helvetica, sans-serif;color: #6f6f6f; font-size:16px; background:#fff;}
*{margin:0px; padding:0px;}
body,p,h1,h2,h3,h4,h5,ul,li,img,table,tbody,tr,td,a{margin:0px;padding:0px;}
img{border:none;}
a{text-decoration:none;border:none; color:white}
ul,li{list-style:none;}
input{border:0;outline:none;/*去除蓝色边框*/}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix:after{content:'';display:table;clear:both;}
.clearfix{*zoom:1;}(为了兼容IE6/7)
.clean{clear: both;}
/*reset end*/
.bg{
    background-color: #ffffff;
}
.content{
    max-width: 1192px; padding-bottom:100px;
    width:1192px;
    margin:0 auto;
    position: relative;
}
#header{
    height: 122px;
}
.header img{
    vertical-align: top;
}
.header .logo{
    margin-left: 1.25rem/* 20px */;
    margin-top: .5625rem/* 9px */
}
.header .logo_font{
    margin-left:2.25rem/* 36px */;
    margin-left: 20px;
    margin-top:2.875rem/* 46px */
}
.header .logo_p{
    display: inline-block;
    font-size:1.125rem/* 18px */;
    font-weight: bold;
    color:black;
    position: absolute;
    top: 78px;
    left: 156px;
}
.header .logo_p span:last-child{
    margin-left:1.5rem/* 24px */
}
.header .logo_share{
    text-align: center;
    margin-left:2.875rem/* 46px */;
    display:inline-block;
    margin-top:2.5625rem/* 41px */
}

.header .logo_shu{
    margin-left:.6875rem/* 11px */;
    margin-top: 2.5rem/* 40px */;
        margin-top: 50px;
}
.header .logo_alibba{
    text-align:center;
    margin-left:7px;
    display:inline-block
}
.header .logo_share p, .header .logo_alibba p{
    font-size:.75rem/* 12px */;
    color:black
}
.logo_right{
    cursor:auto;
    position:absolute;
    right: 0;
    top: 1.25rem/* 20px */;
}
.logo_right img{
    cursor:auto !important;
}
.logo_cc{
    margin-left:-.75rem/* 12px */;
}

#nav{
    background-color: #00923f;
    height:2.75rem/* 44px */;
    width: 100%;
    text-align:center;
}
.nav_a{
     padding-top: 12px;

}

.nav_a>ul{overflow: hidden;}
.nav_a>ul>li{width: 130px;float: left;}
.nav_a>ul>li:hover .dropdown-menu{display: block;}
.nav_a>ul>li .dropdown-menu{z-index: 99999999;position: absolute;width: 130px;background:#00923f;display: none;}
.dropdown-menu li a{line-height: 40px;}
.dropdown-menu>li:hover ul{display: block;}
.dropdown-menu>li>a{font-size: 14px !important;}
.dropdown-menu>li>ul{display: none;position: absolute;margin-left: 130px;background: #00923f;margin-top: -40px;}
.dropdown-menu>li>ul>li>a{font-size: 12px !important;}
#nav a{
    display:inline-block;
    width: 130px;
    text-align: center;
    border-right: 2px solid #ffffff;
    color:#ffffff;
    font-size:16px;

}
#nav .nav_a a:last-child{
    border:0px;
}

#banner img{
    width:100%;
}

#ProductCategory{ margin-bottom:40px;
    text-align:center;
    margin-top:3.5rem/* 56px */;
}
#ProductCategory .header{
    display:inline-block;
    font-size:1.5625rem/* 25px */;
    padding:1.625rem/* 26px */ 8.5rem/* 136px */ .75rem/* 12px */ 8.5rem/* 136px */;
    border:.125rem/* 2px */ solid #424242;
    position:relative;
    color:black
}
#ProductCategory .header_en{
    position:absolute;
    font-size:1.75rem/* 28px */;
    top: -.875rem/* 14px */;
    left: 1.8125rem/* 29px */;
    display: block;
    background-color: white;
    color:black
}
#ProductCategory .list li{
    position:relative;
    display:inline-block;
    margin:0 .3125rem/* 5px */;
    margin-top:2rem/* 32px */;
}
#ProductCategory .list .list_img{
    width:17.3125rem/* 277px */;
    height: 15.8125rem/* 253px */;
    margin-right: 25px;
    width: 278px;
    height: 255px;
    border:.0625rem/* 1px */ solid rgba(191,191,191,1);
    box-sizing: border-box;
}
#ProductCategory .list .list_P{
    position:absolute;
    bottom:-16px;
    width:10.25rem/* 164px */;
    height:33px;
    line-height:33px;
    text-align:center;
    background-color: #f1cd20;
    left:56px;
    display:inline-block;
}



#PoductFature .header{
    display:inline-block;
    font-size:1.5625rem/* 25px */;
    padding:1.625rem/* 26px */ 8.5rem/* 136px */ .75rem/* 12px */ 8.5rem/* 136px */;
    border:.125rem/* 2px */ solid #424242;
    position:relative;
    color:black
}
#PoductFature .header_en{
    position:absolute;
    font-size:1.75rem/* 28px */;
    top: -.875rem/* 14px */;
    left: 1.8125rem/* 29px */;
    left:3.375rem/* 54px */;
    display: block;
    background-color: white;
    color:black
}
#PoductFature{
   margin-top:5.6875rem/* 91px */
}
.PoductFature{
    text-align:center;
}
.PoductFature .list{
    margin-top:44px;
}
.PoductFature .block{
    display:inline-block;
    // padding:1.875rem/* 30px */;
    padding:15px !important;
    width: 229px;
}
.PoductFature .block:first-child{
    padding-left: 0 !important;
}
.PoductFature .block:last-child{
    padding-right: 0 !important;
}
.PoductFature .line{
    display:inline-block;
    height:157px;
    width:1px;
    background-color: black;
    position: relative;
    top: -82px;
}
.PoductFature .block .p1{
    font-size:1.1875rem/* 19px */;
    color:black;
    font-weight:600;
    margin-bottom:.4375rem/* 7px */
}
// .PoductFature .block .p2{
//     font-size:12px;
//     height:4.5rem/* 72px */;
//     display:block;
// }
.PoductFature .block img:first-child{
    margin-bottom:1.25rem/* 20px */;
}
.PoductFature .block div:last-child{
    height:70px;
    overflow:hidden;
    font-size:12px;
}


#about{
    background-image: url('../img/about_bg.png');
    height:49.5rem/* 792px */;
}
#about .header{
    padding-top:3rem/* 48px */;
    display:inline-block;
    font-size:2.6875rem/* 43px */;
    position:relative;
}
#about .header p{
    position: absolute;
    color: yellow;
    left: 73px;
}
#about .header_en{
    position:absolute;
    font-size:1.75rem/* 28px */;
    top: -.875rem/* 14px */;
    left: 1.8125rem/* 29px */;
    left:3.375rem/* 54px */;
    display: block;
    color:#fff100;
    font-size:1.6875rem/* 27px */;
    top: 22px !important;
    left: 112px !important;
}
.about{
    text-align:center;
}
.about_me:before{
    content:url("../img/arrow_dowm.png");
    display:inline-block;
    position:absolute;
    left:-.3125rem/* 5px */;
}
#about  .right{
    width:566px;
    margin-left:2.375rem/* 38px */;
    position:relative;
    text-align:left;
}
#about  .right .title{
    font-size:1.625rem/* 26px */;
    font-weight:bold;
    color:white;
    text-align:left;
    margin-left:1.125rem/* 18px */;
}
#about .right:before{
    content:"";
    width:1px;
    height:3.75rem/* 60px */;
    position:absolute;
    top: 0;
    left:-1px;
    background-color: white;
}
#about .about_me{
    margin-top:4.125rem/* 66px */;
}
#about .about_me .right>img{
    cursor:pointer
}
#about .right .cont{
    font-size:.9375rem/* 15px */;
    text-indent: 2em;
    color:white;
    line-height:1.875rem/* 30px */;
    text-align:left;
    margin-top:44px;
    margin-bottom:34px;
}
#about .left{
    border:.625rem/* 10px */ solid  white;
    display: inline-block;
    /* float: right; */
    position: absolute;
    top: 190px;
    right: 30px;
}
#about .left .video{
    border-top: .3125rem/* 5px */;
    border-bottom: .3125rem/* 5px */;
    border-right:.625rem/* 10px */;
    border-left: .625rem/* 10px */;
    width:30rem/* 480px */;
    height:17rem/* 320px */
}
.LCE{
    background-image: url('../img/qyxg.png') ;
    background-position:top center;
    height:720px;
}
.LCE .left{
    padding-top:9.75rem/* 156px */;
    color:white;
    display: inline-block;
}
.LCE .left .p1{
    font-size:2.5625rem/* 41px */;
}
.LCE .left .p2{
    font-size:.8125rem/* 13px */;
    margin-bottom:50px;
}
.LCE .left .p3{
    font-size:1.25rem/* 20px */;
    position:relative
}
.LCE .left .p3:after{
    content:'';
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: -30px;
    left: 0;
    background-color: white;
}
.LCE .left .p4{
    width:192px;
    height:63px;
    border: 1px solid #00923f;
    box-sizing:border-box;
    text-align: center;
    line-height: 64px;
    margin-top:132px;
    margin-left:1rem/* 16px */
}
.LCE .right .title{
    font-size:1.375rem/* 22px */;
    color:black;
    position:absolute;
    top:126px;
    left:746px;
}
.LCE .right .cont{
    position:absolute;
    top: 160px;
    left:466px;
}
.LCE .right .cont div{
    display: inline-block;
}
.LCE .right .cont div img{
    /*width:90%;*/
}


#ProductDisplay{ clear:both; overflow:hidden;
   
}
#ProductDisplay .header{
    padding-top:3rem/* 48px */;
    display:inline-block;
    font-size: 1.5rem/* 24px */;
    position:relative;
}
#ProductDisplay .header p{
    position: absolute;
    color: #block;
    left: 131px;
    top: 62px;
}
#ProductDisplay img{ width:100%; height:auto;}
#ProductDisplay .header_en{
    position:absolute;
    font-size:1.75rem/* 28px */;
    top: -.875rem/* 14px */;
    display: block;
    color:#block;
    top: 22px !important;
    left: 61px !important;
}
#ProductDisplay{
    text-align:center;
}
#ProductDisplay .group1{
    position:absolute;
    right:-2.5rem/* 40px */;
    top:24rem/* 384px */;
}
#ProductDisplay .group2{
    position:absolute;
    top:58.25rem/* 932px */;
    left:1.25rem/* 20px */
}
#ProductDisplay .group3{
    position:absolute;
    right:-2.5rem/* 40px */;
    top:91.375rem/* 1462px */;
}
#ProductDisplay .group .p1{

    text-align:center;
    font-size:58px;
    color:black;
}
#ProductDisplay .group .p2{
    font-size:28px;
    color:black;
    text-align:center
}
#ProductDisplay .header_p{
    font-size:.75rem/* 12px */;
    text-align:center;
    color:black;
    padding-top:5px;
}



#ProductCase .header{
    padding-top:3rem/* 48px */;
    display:inline-block;
    font-size: 1.5rem/* 24px */;
    position:relative;
    color: black;
}
#ProductCase .header p{
    position: absolute;
    color: #block;
    left: 131px;
    top: 67px;
}
#ProductCase .header_en{
    position:absolute;
    font-size:1.75rem/* 28px */;
    top: -.875rem/* 14px */;
    display: block;
    color:#block;
    top: 26px !important;
    left: 68px !important;
}
#ProductCase {

    top: -1140px;;
    text-align:center;
        width: 100%;
}
#ProductCase .content .img2{
    width:1195px;
    cursor:pointer;
}
#ProductCase .cont{
    text-align:left;
}
#ProductCase .cont .cont_p{
    display:inline-block;
    vertical-align: top;
    padding-top: 104px;
}
#ProductCase .cont .cont_p .p1{
    font-size:3.0625rem/* 49px */;
    color:white;
}
#ProductCase .cont .cont_p .p2{
    font-size:1.0625rem/* 17px */;
    color:white;
}
#ProductCase .cont .cont_p .p3{
    font-size:24px;
    color:white;
}
#ProductCase .cont .cont_p .p3:before{
    content: '';
    width: 34px;
    position: absolute;
    height: 2px;
    background-color: white;
}
#ProductCase .cont>div{
    display:inline-block;
}
#ProductCase .cont .img1,#ProductCase .cont .img2,#ProductCase .cont .img3{
    font-size:18px;
    color:white;
    text-align:center;
}
#ProductCase .cont .img1{
    padding-top:50px;
}
#ProductCase .cont .img1 img{
    width:21.875rem/* 350px */;
    height:20.625rem/* 330px */;
}
// #ProductCase .cont .img1 li{

// }
#ProductCase .cont .img2 img{
   width:14.8125rem/* 237px */;
   height:13.25rem/* 212px */
}
#ProductCase .cont .img3 img{
    width:265px;
    height:14.8125rem/* 237px */
}
#ProductCase .cont .img3 .more{
    height:14.8125rem/* 237px */;
    width:6.25rem/* 100px */;
    width:7.75rem/* 124px */;
    background-color: #31343c;
    float: right;
}
#ProductCase .cont .img3 .more{
    font-size:18px;
    padding-top: 81px;
    box-sizing: border-box;
}
#ProductCase .cont .img3 .more >div{
    border:1px solid white;
    border-radius: 15px;
    font-size:12px;
    display:inline-block;
    padding: 2px 12px;
}
#ProductCase .cont li{
    display:inline-block;
    float:left;
    padding-right:2px;
}


#NEW .header{
    padding-top:3rem/* 48px */;
    display:inline-block;
    font-size: 1.5rem/* 24px */;
    position:relative;
    color: black;
}
#NEW .header p{
    position: absolute;
    color: #block;
    left: 131px;
    top: 67px;
}
#NEW .header_en{
    position:absolute;
    font-size:1.75rem/* 28px */;
    top: -.875rem/* 14px */;
    display: block;
    color:#block;
    top: 26px !important;
    left: 36px !important;
}
#NEW{
    text-align:center;
    height:35.875rem/* 574px */;
    background-color: #f0f0f0;
}
#NEW  .header_p{
    padding-top: 10px;
}
#NEW .cont{
    margin-top:1.875rem/* 30px */;
    text-align:left;
    background-color: white;
}
#NEW .cont div{
    display:inline-block;
}
#NEW .cont .right{
    width:478px;
}
#NEW .cont .left{
    width:44.625rem/* 714px */;
    // padding-left:1.875rem/* 30px */;
    width:44.3125rem/* 709px */;
    height:118px;
    position:absolute;
}
#NEW .cont .left>div{
    padding-left:30px;
}
#NEW .cont .left .date{
    display:inline-block;
    background-color:#00923f ;
    width:5rem/* 80px */;
    height:5.125rem/* 82px */;
    text-align: center;
    vertical-align: top;
}
#NEW .cont .left .date .p1{
    font-size:27px;
    color:white;
    display:inline-block;
    margin-top:8px;
}
#NEW .cont .left .date .p2{
    font-size:.9375rem/* 15px */;
    display:inline-block;
    color:white;
    opacity: 0.6
}
#NEW .cont .left .new_cont{
    width:594px;
}
#NEW .cont .left .new_cont .p1{
    font-size:.875rem/* 14px */;
    color:black;
    padding-top: 10px;
}
#NEW .cont .left .new_cont .p2{
    font-size:12px;
    padding-top:5px;
}
#NEW .left img{
    width: 671px;
    overflow:hidden;
    padding-top: 12px;
    padding-bottom: .9375rem/* 15px */;
}
#NEW .left >div{
    margin-top:10px;
}

#link{
    background-color: white;
    height:8.125rem/* 130px */;
}
#link .title{
    font-size:.875rem/* 14px */;
    color:black;
    font-weight:600;
    padding-top:2.875rem/* 46px */;
}
#link .link_href a{
    font-size:13px;
    margin-right:2.5rem/* 40px */;
    color:black;

}

#foot{
    height:260px;
    background-color: #31343c;
    color:white;
    position:relative

}
#foot .top{
    height:146px;
}
#foot .top>div{
    display:inline-block;
     // margin-top:76px
}
#foot .top_p span{
    padding-right:16px;
    border-right:2px solid white;
}
#foot .top_p span:last-child{
    padding-right:0px;
    border-right:0px;
}
#foot .top_p2 {
    margin-left:38px;
}
#foot .top_p2 span:first-child{
    font-size:13px;
}
#foot .top_p2 span:last-child{
    font-size:30px;
}
#foot .QR{
    // margin-top:1.125rem/* 18px */ !important;
    padding-top:18px
}
#foot .QR div{
    display:inline-block;
    font-size:.8125rem/* 13px */;
    text-align:center;
}
#foot .QR .qr1{
    margin-left:2.5rem/* 40px */
}
#foot .QR .qr2{
    // margin-left:3.375rem/* 54px */;
    margin-left: 44px;
}
#foot:before{
    content:'';
    width:100%;
    height:.0625rem/* 1px */;
    background-color:#5e6167;
    position:absolute;
    top: 146px;
}
#foot .bottom{
    font-size:.75rem/* 12px */;
    text-align:center;
    line-height:1.375rem/* 22px */
}
#foot .bottom a{
    padding-right:1.125rem/* 18px */;
}
#foot .bottom a:last-child{
    padding-right:0;
}
#foot .bottom{
    padding-top:10px;
}
#foot .toTop{
    position:absolute;
    top:57px;
    right:0px;
    margin:0
}


#mainBlock{
    position:relative;
}
#mainBlock:before{
    position:absolute;
    content:'';
    width:100%;
    height:1px;
    background-color:#000000;
    // top:70px;
}
#mainBlock .right_nav{
    width:274px;
    padding-top: 8px;
    display:inline-block;
}
#mainBlock .head_p{
       position:absolute;
    top: -1.5rem/* 24px */;
}
#mainBlock .content{
    margin-top:4.375rem/* 70px */;
}
// #mainBlock .content p:first-child{
//     position:relative;
//     top: -1.5rem/* 24px */;
// }
#mainBlock p:first-child span{
    float:right;
}
#mainBlock .right_nav .head{
    width:17.125rem/* 274px */;
    height:7.75rem/* 124px */;
    background-color: #f4c800;
    text-align:left;
    font-size:2.5rem/* 40px */;
    color:white;
    padding:30px 20px 0 20px;
    box-sizing:border-box;
    line-height: 30px;
}
#mainBlock .right_nav .head p:first-child{
    text-align:right;
    font-size: 30px;
    color:white
}
#mainBlock .right_nav .cont div{
    font-size:13px;
    height:48px;
    background-color: #00923f;
    color:white;
    padding: 0 2px;
    box-sizing:border-box;
    // border-bottom: 1px dashed #fff;
    // margin: 0 2px;
    // padding-left:3.125rem/* 50px */
}
#mainBlock .right_nav .cont>div>div{
       margin: 0 10px;
   border-bottom: 1px dashed #fff;
   padding-top:1.25rem/* 20px */;
}
#mainBlock .right_nav .cont>div>div a{
        padding-left: 53px;
}
#mainBlock .right_nav .cont>div:first-child{
    font-size:22px;
    height:44px;
    padding-left:30px;
    background-color:#21ab60 ;
    line-height:44px;
    text-align:center;
    color:white;
    border:0
}
#mainBlock .right_nav .cont>div:last-child{

}
#mainBlock .right_nav .cont{
    padding-bottom:24px;
    background-color:#00923f ;
    margin-top:.5rem/* 8px */;
    margin-bottom:1.25rem/* 20px */
}
#mainBlock .right_nav .cont_linxi{
    padding-top:.625rem/* 10px */;
    font-size:.875rem/* 14px */;
    color:white;
}

#mainBlock .left_cont{
    width:916px;
    // display:inline-block;
     float:right;
    padding-left: 80px;
    box-sizing: border-box;
}
#mainBlock .left_cont .page{
    padding-left:5rem/* 80px */;
    padding-left:0px;
    padding-right:40px;
    line-height:20px;
}
#mainBlock .left_cont .page .title{
    text-align:center;
    font-size:18px;
    color:black;
    padding-top:90px;
    padding-bottom:36px;
}
#mainBlock .left_cont .page .cont{
    text-align:left;
    font-size:14px;
    color:black;
}


#mainBlock .left_cont .poduct{

}
#mainBlock .left_cont .poduct {
    font-size:1rem/* 16px */;
    color:black;
}
#mainBlock .left_cont .product_title{
    float:right;
    width:445px;
    text-align:left
}
#mainBlock .left_cont .product_title .title{
    font-size:1.6875rem/* 27px */;
    color:black;
    text-align:left
}
#mainBlock .left_cont .product_img{
    width:18.75rem/* 300px */;
    height:300px;
    width:400px;
    height:400px;
    display:inline-block;
}
#mainBlock .left_cont .product_img  .gallery-top img{
    width:18.875rem/* 302px */;
    height:19rem/* 304px */;
    width:400px;
    height:25rem/* 400px */
}
#mainBlock .left_cont .product_img  .gallery-thumbs img{
        width: 60px;
        height: 62px;
        box-sizing:border-box;
        border:1px solid black;
}
#mainBlock .left_cont .swiper-container {
        width: 100%;
    height:400px;
        margin-left: auto;
        margin-right: auto;
    }
#mainBlock .left_cont .gallery-top {
        height: 80%;
        width: 100%;
}
#mainBlock .left_cont .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
    }
#mainBlock .left_cont .gallery-thumbs .swiper-slide {
        width: 60px;
        height: 62px;
        opacity: 0.4;
    }
#mainBlock .left_cont .gallery-thumbs .swiper-slide-active {
        opacity: 1;
         border:1px solid black;
}

#mainBlock .left_cont .product_page{
    width:712px;
    height:48px;
    line-height:24px
}
#mainBlock .left_cont .other{
    width:712px;
    height:30px;
}
#mainBlock .left_cont .other_img {
    width:712px;
    text-align:center;
}
#mainBlock .left_cont .other_img  img{
   width:230px;
   height:14.375rem/* 230px */;
}

#mainBlock .left_cont .product_list{
    display:inline-block;
    text-align:left;
}
#mainBlock .left_cont .product_list li{
    display:inline-block;
    margin-right: 20px;
    margin-top:1.25rem/* 20px */;
}
#mainBlock .left_cont .product_list li img{
    width:250px;
    height:250px
}
#mainBlock .left_cont .product_list li p{
    text-align:center;
}
.LCE .right img{
    border: 1px solid #cccccc;
    box-sizing:border-box;
    // width:10.25rem/* 164px */;
    // height:14.25rem/* 228px */
    /*width:9.1875rem*//* 147px */;
    /*height:12.875rem*//* 206px */
}


#mainBlock .left_cont .product_page{
    width:712px;
    height:48px;
    line-height:24px
}
#mainBlock .left_cont .other{
    width:712px;
    height:30px;
}
#mainBlock .left_cont .other_img {
    width:712px;
    text-align:center;
}
#mainBlock .left_cont .other_img  img{
   width:230px;
   height:14.375rem/* 230px */;
}

#mainBlock .left_cont .product_list{
    display:inline-block;
    text-align:left;
}
#mainBlock .left_cont .product_list li{
    display:inline-block;
    margin-right: 20px;
    margin-top:1.25rem/* 20px */;
}
#mainBlock .left_cont .product_list li img{
    width:250px;
    height:250px
}
#mainBlock .left_cont .product_list li p{
    text-align:center;
}
#mainBlock .left_cont .new_list{
    margin-top:50px;
}
#mainBlock .left_cont .new_list li a{
    color:black;
}
#mainBlock .left_cont .new_list li{
    line-height: 36px;
    border-bottom: 1px dashed #d7d7d7;
    margin-bottom: 10px;
}
#mainBlock .left_cont .new_list li a:hover{
    color:green;
    cursor: pointer;
}
#mainBlock .left_cont .new_list li span{
    float:right
}
#mainBlock .left_cont .new_content .title{
       margin: 0px auto;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        color: #2f9f33;
}
#mainBlock .left_cont .new_content .date{
    margin: 0px auto;
    text-align: center;
    display: block;
    line-height: 30px;
}
#mainBlock .left_cont .new_content .cont{
    clear: both;
    margin: 0px 12px 15px 12px;
}
#up_down{
width:700px;
border:1px solid #cccccc;
padding:5px;
margin-top:20px;
padding:10px;
}
#up_down a{
line-height:20px;
color:black;
padding:0 5px;
}
#up_down .previous{
    padding-left: 36px;
    padding-right: 20px;
}
#up_down .next{
    padding-left: 20px;
    padding-right: 36px;
}
#up_down .active{
    color:red;
}
#mainBlock .content .product .product_page{
        padding: 10px 0;
    line-height: 25px;
}
#mainBlock .left_cont .new_list div{
    text-align:center;
}
#mainBlock .left_cont .new_list div a{
    color:black
}
#mainBlock .content .head_p {
    width:100%
}
#mainBlock .content .head_p a{
    color:black;
    // float:right;
    text-align:right;
        color: #6f6f6f;
}
#mainBlock .content .cont_linxi{
    padding:20px;
}
#mainBlock .content .product_list a{
    color:black;
}
#mainBlock .content .product{
    margin-top:40px;
}
#mainBlock .content .product .product_img{
    cursor:pointer
}
#mainBlock .content .product .product_cont{
    // padding-top:1.25rem/* 20px */;
    margin:100px 0;
}
#mainBlock .content .product .product_page{
    margin-top:1.25rem/* 20px */;
    border: 1px solid #ccc;
}
#mainBlock .content .product .product_page a{
   color:black
}
#mainBlock .content .product .other{
     margin-top:1.25rem/* 20px */;
    border: 1px solid #ccc;
    padding-left:10px;
    box-sizing: border-box;
    line-height: 30px;
    height: 38px;
    line-height: 38px;
}
#mainBlock .content .product .other_img{
    text-align:left;
    padding-top:10px;
}
#mainBlock .content .product .other_img a{
    color:black;
    text-align:center;;
    font-size:.875rem/* 14px */;
    display:inline-block
}
#ProductCategory .list .list_img img{
    width:276px;
    height: 253px;
}
#ProductCategory .list ul li{
    // overflow:hidden
}
#foot .toTop{
    cursor:pointer;
}
#ProductCase .more{
    cursor:pointer;
}
#NEW .cont .left>div{
    cursor:pointer;
}
#ProductCategory .list li{
    cursor:pointer;
}
#about .cont img{
    cursor:pointer
}
.LCE .p4 {
    cursor:pointer
}
#header img{
    cursor:pointer;
}
#mainBlock .left_cont form{
    text-align:center;
        margin-top: 60px;
}
#mainBlock .left_cont form input{
    border: 1px solid #ccc;
        height: 20px;
}
#mainBlock .left_cont form table{
    margin:0 auto;

}
#mainBlock .left_cont form table td{
    padding:5px 5px 5px 0;

}
#facebookPost{
    text-align:center;
    width: 100px;
    height: 30px !important;
}
#about .about_me .img>div{
    width: 204px;
    height:204px;
    display:inline-block;
    cursor:pointer;
    margin: 0 1.25rem/* 20px */;
}
#about .about_me .img .bg1{
    background-image: url('../img/1-1.png');
}
#about .about_me .img .bg1:hover{
    background-image: url('../img/1.png');
}
#about .about_me .img .bg2{
    background-image: url('../img/2-1.png');
}
#about .about_me .img .bg2:hover{
    background-image: url('../img/2.png');
}
#about .about_me .img .bg3{
    background-image: url('../img/3-1.png');
}
#about .about_me .img .bg3:hover{
    background-image: url('../img/3.png');
}


#NEW .cont .left>div:hover{

}
#banner{
    cursor:pointer;
}
#mainBlock .left_cont  .other_img li{
    display:inline-block
}
#mainBlock .right_nav .cont>div>div a:hover{
    color:yellow;
}
.inside_banner img{
    width:100%
}
#ProductCase li{
    cursor:pointer;
}


.show_case img{
    width:100%;
}

.show_case .nry_right{ float:right; width:830px; overflow: hidden; text-align:center; margin-top:15px;}
.show_case .nry_content{ margin-top:10px;}
.show_case .nry_content p{  text-align:left; text-indent: 2em; line-height:29px; color:#080808; font-size:16px; text-align:left; }
.show_case .nry_content img{ margin-left:-33px;}

.show_case .pro_nr_ny{overflow:hidden; margin-top:7px; }
.show_case .pro_nr_ny li{float:left; margin: 0 10px; margin-bottom:12px;}
.show_case .pro_nr_ny li a{ text-align:center; color:#ffffff; font-size:16px;}
.show_case .pro_nr_ny li img{ border: 1px solid #666666;}
.show_case .pro_nr_ny li p{ width:242px;background:url(pro_bg_cp.jpg) no-repeat top center; height:60px; line-height:35px; text-align:center;  font-size:14px; color:#FFF;}

.show_case .about_us{ text-align:center;}

.show_case .product_list_ny{overflow:hidden;}
.show_case .product_list_ny li{ border-bottom: 1px dashed #d7d7d7; line-height:30px; padding-top:15px; text-align:left; padding-left:2px; font-family:"SimSun";}
.show_case .product_list_ny li a{ background:url(news_h.jpg) no-repeat left center; padding-left:16px; font-size:14px; color:#5b5b5b; }
.show_case .product_list_ny li a:hover{ color:#fda100;  background:url(news_a.jpg) no-repeat center left; }
.show_case .time_ny{ float:right; font-size:14px;}

.show_case .related_product{overflow:hidden; clear:both; }
.show_case .related_product p{font-size:16px; text-align:left; }
.show_case .related_product01{margin:15px 0; text-indent:2em; font-weight:bold;}
.show_case .title_news{
    font-size: 21px;
    color: black;
}
.show_case .thumb_img img{
    width:400px;
}
.show_case .list a{
    color:black;
}
.show_case .list{
  border:1px solid black;
      text-align: left;
}
#mainBlock .page .title{
    font-size:20px;
    font-size: 24px;
}
#mainBlock .page p{
        line-height: 30px;
}
#mainBlock .left_cont .title{
    font-size:28px;
    line-height:20px;
        padding-top: 22px;
    text-align: center;
}
#facebook table{
        line-height: 31px;
}
#mainBlock .left_cont .cont{
    line-height:20px;
    text-indent:2em;
    padding-top: 50px;
}
#mainBlock .left_cont .product_title{
    width:25.3125rem/* 405px */;
    line-height:30px;
}
#mainBlock .left_cont .product_title .title{
    padding-bottom:20px;
}
#mainBlock .left_cont .product_cont{
    line-height:30px;
}
#mainBlock .left_cont .product .product_page{
    width:100%
}
#mainBlock .left_cont .product .other{
    width:100%
}
#NEW .left .hover{
    color:green
}
#mainBlock .left_cont {
    padding-bottom:5px;
}
#nav a:hover{
    color:yellow;
}
#mainBlock .left_cont .page_lianix p{
    font-size: 14px;
    margin-top: 20px;
        font-weight: normal;
    line-height: 24px;
}
#mainBlock .left_cont .page_honor .swiper-button-prev{
    position: absolute;
    top: 50%;
}
#mainBlock .left_cont .page_honor .swiper-button-next{
     position: absolute;
    top: 50%;
}
#mainBlock .left_cont .page_honor .swiper-container {
    width:560px;
    height:800px;
}
#mainBlock .left_cont .page_honor .title{
    margin-bottom:50px;
}
.LCE .right .cont img{
    cursor:pointer
}
#mainBlock .page_honor{
    position:relative
}
#foot .top_p span{
    cursor:pointer;
}
#mainBlock .cont_linxi p{
    line-height:30px;
}
#up_down{
    width:100%

}
#ProductCategory .list_P{
        font-size: 12px;
    color: black;
    font-weight:600;
}
#ProductCase .cont>div{
    // padding-bottom:20px;
}
#ProductCase .cont p{
    padding-top:5px;
    padding-bottom:5px;
    font-size:16px;
        padding-top: 12px;
    padding-bottom: 12px;
}
#NEW .cont .left>div:hover p{
    color:green
}
#NEW .cont .left>div:hover .new_cont .p1{
    color:green;
}
#foot .toTop{
    right:-10px;
}
#mainBlock .page p{
    text-indent: 2em;
}
#mainBlock .product .product_cont{
   text-indent: 2em;
}
#mainBlock .new_list .previous{
        padding-left: 10px;
    padding-right: 18px;
}
#mainBlock .new_list .next{
    padding-left: 18px;
}
#mainBlock .new_list .active{
    color:red;
}
#mainBlock .show_case .hit{
    line-height: 50px;
}
#mainBlock .show_case .list{
        line-height: 30px;
    padding: 5px 0;
}
#mainBlock .show_case .list a{
    color:#6f6f6f
}
#mainBlock .LCE .cont>div{
    width:149px;
    height:206px;
}

  /* 本例子css */
#mainBlock .page_honor{
    margin-top:60px;
}
#mainBlock .page_honor .slideBox{ margin:0 auto;    width: 560px; height: 800px; overflow:hidden; position:relative; border:1px solid #ddd;  }
#mainBlock .page_honor  .slideBox .hd{ display:none;  height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
#mainBlock .page_honor  .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
#mainBlock .page_honor .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
#mainBlock .page_honor  .slideBox .hd ul li.on{ background:#f00; color:#fff; }
#mainBlock .page_honor  .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#mainBlock .page_honor  .slideBox .bd li{ zoom:1; vertical-align:middle; }
#mainBlock .page_honor  .slideBox .bd img{  width: 560px; height: 800px; display:block;  }

        /* 下面是前/后按钮代码，如果不需要删除即可 */
#mainBlock .page_honor  .slideBox .prev,
#mainBlock .page_honor   .slideBox .next{ position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#mainBlock .page_honor   .slideBox .next{ left:auto; right:0%; background-position:8px 5px; }
#mainBlock .page_honor  .slideBox .prev:hover,
#mainBlock .page_honor .slideBox .prevStop{ background: url(../img/slider-arrow.png) -170px 5px no-repeat;
 }

#mainBlock .page_honor  .slideBox .next:hover{ background-position:-52px 5px;}

.LCE .cont>div{
    width:160px;
    height:206px;
}
#mainBlock .left_cont .cont{
    line-height:30px;
}





#demo{margin:0 auto;padding-top: 8px;width:680px;overflow: hidden;height:412px;margin:0 auto ;margin-bottom: 50px;}
#demo p{text-align: center;line-height:32px;height:32px;margin: 0 auto;margin-top:5px;}
#demo img{display: block;border: 1px solid #bfbfbf;}
#indemo {float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}
#demo ul{}
#demo ul li{width:288px; height:412px; float:left;text-align:center;margin: 0 20px;*margin: 0 10px;}























.prolist{ margin-top:10px}

.prolist li{  line-height:40px; width:238px; }

.prolist li a{ padding-left:54px; color:#000; font-size:18px; display:block;height:50px}

.prolist li a:hover{ background:url(prolist_bg.png) no-repeat top center; height:50px; font-weight:bold; color:#fff; }

.prolist li UL LI{line-height:25px;  font-size:13px; color:#000; padding-left:10px; background:none; height:25px }

.prolist li UL LI a{line-height:25px;  font-size:13px; color:#000;  background:none;}

.prolist li UL LI a:hover{ background: none}*/
.list01 a{color:#000;}
.list01 ul{display:none;     position: absolute;
    margin-left: 100px; z-index:1;
    margin-top: -40px;
    width: 200px; background:#2895d8;}
.list01:hover ul{display:block;}
ul#list {
    padding-top: 10px;

    border: 1px solid #ccc;
}
li.list01 {
    border-bottom: 1px soild #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 40px;
    padding-left: 20px;
}


.list01 ul li{line-height:40px;border-bottom: 1px solid #fff;    text-indent: 20px;}
.list01 ul li a{color:#fff;}